<template>
  <div>{{ myMsg }}:{{num}}</div>
</template>

<script>
export default {
  name: "Child1",
  props:{
    "msg":{
      type:String,
      default:"hello"
    },
    num:{
      type:Number,
      required:true
    }
  },
  data(){
    return{
      myMsg : this.msg + ':my'
    }
  },
  watch:{
    msg(val){
      console.log(`msg的信息修改为:${val}`)
    }
  },
  methods:{
    changValue(){
      this.myMsg = "子组件的新的信息"
    }
  }
}
</script>

<style scoped lang="scss">

</style>
